<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>夏天报告</title>
		<link rel="stylesheet" href="{{ asset('/css/video-js.css') }}" />
		<style>
			.m{
				margin-left:8%;
				margin-top: 7%;
			}
		</style>
		<script src=" {{ asset('/js/video.min.js') }} "></script>
	</head>
    <body>
		
		<!-- 播放窗口 -->
		<div class="m" style="width:300px;height:200px;" >
			<!-- 海报 -->
			<video id="my-video" class="video-js" controls preload="auto" width="300" height="200"
			  poster="{{ asset('/images/test.jpg') }}" data-setup="{}">
				<!-- 视频地址 -->
				<!-- "video/webm" "video/ogg" -->
				<source src="{{ asset('/images/test.mp4') }}" type="video/mp4">
				<p class="vjs-no-js">
					观看此视频 请升级您的浏览器版本
					<a href="http://videojs.com/html5-video-support/" target="_blank">video</a>
				</p>
			</video>
		</div>
		
		
		<script type="text/javascript">
			/*
			var myPlayer = videojs('my-video');
			videojs("my-video").ready(function(){
				var myPlayer = this;
				myPlayer.play();
			});
			*/
		</script>
        
    </body>
</html>
